<template>
  <div>
	<ul class="footer">
		<li>
			<router-link tag="a" :to="'/'">
				<p><i class="el-icon-eleme"></i></p>
				<span>首页</span>
			</router-link>
		</li>
		<li>
			<router-link tag="a" :to="'/discover/'">
				<p><i class="el-icon-discover"></i></p>
				<span>发现</span>			
			</router-link>		

		</li>
		<li>
			<router-link tag="a" :to="'/order/'">	
				<p><i class="el-icon-document"></i></p>
				<span>订单</span>
			</router-link>
		</li>
		<li>
			<router-link tag="a" :to="'/mine/'">
				<p><i class="el-icon-user"></i></p>
				<span>我的</span>
			</router-link>
		</li>		
	</ul>
  </div>

</template>
<script>
export default{
	name:'Homefooter',
	props: {
		list: Array
	},
	data () {
		return {

		}
	},
	methods: {

	}
}
</script>
<style lang="stylus" scoped>
.router-link-exact-active
	color:#0089dc!important;
.footer
	background-color:#fff;
	border-top:solid 1px #e8e8e8;
	box-shadow: 0px 0px 5px #e8e8e8;
	position:fixed;
	bottom:0;
	width:100%;
	z-index:99;
.footer li
	width:25%;
	float:left;
	height:60px;
.footer li i
	font-size:24px;
	padding-bottom:4px;
.footer li a
	text-align:center;
	color:#999;
	font-size:14px;
	display:block;
	padding:10px 0;
</style>